<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
            color: black;
            text-decoration: none;
        }
        a:hover{
            color: blue;
        }
        a:active{
            color: brown;
        }
        input{
            color: black;
        }
        input:hover{
            color: blue;
        }
        input:active{
            color: brown;
        }
        div{
            font-family:"宋体" ;
            color: red;
            font-size: 50px;
            font-weight: 800;
            /* font-style: italic; */
            font-style: oblique;
            /* font-style: inherit; */
        }
        h1{
            text-align: left;
        }
        h2{
            text-align: center;
            text-decoration: overline;
        }
        h3{
            text-align: right;
            text-decoration:line-through;
        }
        p{
            /* text-indent: 30px; */
            text-indent: 2em;
            text-decoration:underline;
            line-height: 50px;
        }
    </style>
</head>
<body>
    <a href="#">跳转</a>
    <br>
    <input type="button" value="按钮">
    <div>
        宋体
    </div>
    <h1>靠左</h1>
    <h2>中间</h2>
    <h3>靠右</h3>
 
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.rem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.rem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.rem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.rem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.rem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.rem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis voluptate quos reiciendis, incidunt beatae numquam hic doloremque cupiditate impedit optio, ratione officiis autem, sint vitae? Eum ad quis quaerat! Hic.</p>

    <a href="#">skdrgl</a>
</body>
</html>